<template>
  <span>{{ label }}</span>
</template>

<script setup lang="ts">
import { propTypes } from '@/utils/propTypes'
import { ref, watch, unref } from 'vue'
const label = ref<string>('')
const props = defineProps({
  modelValue: propTypes.string
})

watch(
  () => unref(props).modelValue,
  (val) => {
    label.value = val
  },
  {
    immediate: true
  }
)
</script>
